<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        /* overflow:hidden;隐藏溢出部分 */
        /* overflow:visible;显示溢出部分 */
        /* overflow:scroll;以滚动条方式显示，不溢出也显示滚动条 */
        /* overflow:auto;在溢出时显示滚动条，不溢出则不显示 */
        
        /* 盒子里如果有定位元素，请慎用overflow:hidden;  因为他会隐藏多余部分 */
           .box {
            width: 200px;
            height: 200px;
            background-color: tomato;
            overflow: hidden; /* 隐藏 */
        }
        
    </style>
</head>
<body>
    <div class="box">小猪佩奇是一只非常可爱的小粉红猪，她与弟弟乔治、爸爸、妈妈快乐地住在一起。小猪佩奇
        zui喜欢做的事情是玩游戏、打扮得漂漂亮亮、渡假，以及住在小泥坑里快乐地跳上跳下!除了这些，她还喜欢到
        处探险，虽然有些时候会遇到一些小状况，但总可以化险为夷，而且都会带给大家意外的惊喜!</div>
    
</body>
</html>